<template>
	<view>
	<view class="comment" v-for="item in videoList.comments" :key="item.id">
		<view class="user_info" v-for="user in item.newVideoList" :key="value.id">
			<view class="photo">
				<image :src="user.avatar"></image>
			</view>
			<view class="user">
				<view class="name">
					{{user.nick_name}}
				</view>
				<view class="time">
					{{user.role_expired_at}}
				</view>
			</view>
		</view>
		<view class="content">
			 <rich-text :nodes="item.render_content"></rich-text>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		name: "comment",
		props:{
			videoList:{
				type:Object,
				required:true
			}
		},
		data() {
			return {
				
			};
		},
		// noShow() {
		// 	 setTimeout(() =>{
		// 		console.log(11111,this.videoList)
		// 	 },2000)
		// }
	}
</script>

<style lang="less" scoped>
.comment{
		padding: 20rpx 0;
		border-bottom: 1px solid #f2f2f2;
		.user_info{
			height: 80rpx;
			display: flex;
			align-items: center;
			.photo{
				width: 80rpx;
				height: 80rpx;
				border-radius: 50%;
				background-color: pink;
				margin-right: 20rpx;
				overflow: hidden;
				image{
					width: 100%;
					height: 100%;
					
				}
			}
			.user{
				display: flex;
				flex-direction: column;
				.name{
					font-size: 28rpx;
				}
				.time{

					font-size: 22rpx;
					color: #999;
				}
			}
		
		}
		.content{
			font-size: 28rpx;
			padding: 10rpx 0;
			
		}
	}

</style>
